﻿<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>Creep</title>
		<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
		<script type="text/javascript" src="js/menu.js"></script>
		<link rel="stylesheet" href="style/base.css">
		<link rel="stylesheet" href="style/goodcategory.css">
	</head>
	<body>
	<div id="big_wrapper">
		<header id="top_header">
			<img id="logo" src="images/logo.png" />
			<div id="space"></div>
				<div id="search">
						<input type="image" src="images/arrow.gif"/>
							<input type="text" id="searcher" /><div id="mem"><span id="login">登入會員</span><span id="register">加入會員</span></div>
						</div>
						
				<div>
				<ul id="menu">
						<li><div class="topmenu"><a href="#">Men</a></div></li>						
						<li><div class="topmenu"><a href="#">Women</a></div></li>						
						<li><div class="topmenu"><a href="#">Kids</a></div></li>
						<li><div class="topmenu"><a href="#">加入會員</a></div></li>						
						<li><div class="topmenu"><a href="#">會員登入</a></div></li>
						<li><div class="topmenu"><a href="#">購物車</a></div></li>

					</ul>
					</div>	
		</header>

		<section id="main_section">
			<div id="article_search">
				<div class="search_menu">
					<!--
					<div>材質</div>
					<form>
						<input type="checkbox" name="qualities" value="cotton">棉
						<input type="checkbox" name="qualities" value="polyester">聚酯纖維
					</form>
					-->
					
				</div>
			</div>
			
			
			
			<div id="artical_goods">
				
					
									
					<span class="aGoods">
						<div><a class="imgc" href="#"><img src="images/06177021_200.jpg"/></a></div>
						<div class="sale_price">NT$ 150</div>
						<div class="aInfo"><span class="atext"><a href="#">柔棉五分褲-童</a></span><span class="aprice">NT$ 249</span></div>
					</span>
					
					
					
					<span class="aGoods">
						<div><a class="imgc" href="#"><img src="images/06177021_200.jpg"/></a></div>
						<div class="sale_price">NT$ 150</div>
						<div class="aInfo"><span class="atext"><a href="#">柔棉五分褲-童</a></span><span class="aprice">NT$ 249</span></div>
					</span>
					
					
					<span class="aGoods">
						<div><a class="imgc" href="#"><img src="images/06177021_200.jpg"/></a></div>
						<div class="sale_price">NT$ 150</div>
						<div class="aInfo"><span class="atext"><a href="#">柔棉五分褲-童</a></span><span class="aprice">NT$ 249</span></div>
					</span>
					
					<span class="aGoods">
						<div><a class="imgc" href="#"><img src="images/06177021_200.jpg"/></a></div>
						<div class="sale_price">NT$ 150</div>
						<div class="aInfo"><span class="atext"><a href="#">柔棉五分褲-童</a></span><span class="aprice">NT$ 249</span></div>
					</span>
					
					
					<span class="aGoods">
						<div><a class="imgc" href="#"><img src="images/06177021_200.jpg"/></a></div>
						<div class="sale_price">NT$ 150</div>
						<div class="aInfo"><span class="atext"><a href="#">柔棉五分褲-童</a></span><span class="aprice">NT$ 249</span></div>
					</span>
					
					
					<span class="aGoods">
						<div><a class="imgc" href="#"><img src="images/06177021_200.jpg"/></a></div>
						<div class="sale_price">NT$ 150</div>
						<div class="aInfo"><span class="atext"><a href="#">柔棉五分褲-童</a></span><span class="aprice">NT$ 249</span></div>
					</span>
				
			</div>
				
			<h1>我是section</h1>
		</section>
		<aside>
		<div id="category">
		
		<ul class="title"><div class="catagory">NEW</div>
			<li><div class="catagory_item">WOMEN</div></li>
			<li><div class="catagory_item">MEN</div></li>
			<li><div class="catagory_item">KIDS</div></li>
		</ul>
		
		<ul class="title"><div class="catagory">WOMEN</div>
			<li><a href="http://www.google.com.tw" target="_blank"><div class="catagory_item">上衣</div></a></li>
			<li><div class="catagory_item">外套</div></li>			
			<li><div class="catagory_item">連身洋裝</div></li>
			<li><div class="catagory_item">襯衫</div></li>
			<li><div class="catagory_item">背心</div></li>
			<li><div class="catagory_item">牛仔褲</div></li>		
			<li><div class="catagory_item">褲</div></li>
			<li><div class="catagory_item">裙</div></li>
			<li><div class="catagory_item">配件</div></li>
		</ul>
			
		<ul class="title"><div class="catagory">MEN</div>
			<li><div class="catagory_item">上衣</div></li>
			<li><div class="catagory_item">外套</div></li>			
			<li><div class="catagory_item">襯衫</div></li>
			<li><div class="catagory_item">牛仔褲</div></li>		
			<li><div class="catagory_item">褲</div></li>
			<li><div class="catagory_item">配件</div></li>
		</ul>
			
		<ul class="title"><div class="catagory">KIDS</div>
			<li><div class="catagory_item">上衣</div></li>
			<li><div class="catagory_item">外套</div></li>			
			<li><div class="catagory_item">襯衫</div></li>
			<li><div class="catagory_item">牛仔褲</div></li>		
			<li><div class="catagory_item">褲</div></li>
			<li><div class="catagory_item">裙</div></li>
			<li><div class="catagory_item">配件</div></li>
		</ul>
		
		<ul class="title"><div class="catagory">SALE</div>
			<li><div class="catagory_item">WOMEN</div></li>
			<li><div class="catagory_item">MEN</div></li>
			<li><div class="catagory_item">KIDS</div></li>
		</ul>
		
		
		</div>
		</aside>
		<footer id="the_footer">
			Copyright black 2012
		</footer>
	</div>
	</body>
</html>